<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--引入jquery-->
    <script type="text/javascript" src="../JS/jquery.js"></script>
    <!--引入vue-->
    <script type="text/javascript" src="../JS/vue.js"></script>
    <!--引入axios-->
    <script src="../JS/axios-0.18.0.js"></script>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="../element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="../element-ui/lib/index.js"></script>
    <!--从这里往上一般情况下不需要进行修改，都是在引入一些框架-->
    <!--这里是引入css样式-->
    <link rel="stylesheet" href="../CSS/index.css" />
</head>
<body>
<div class="content" id="content">
    <!--左侧导航栏-->
    <div class="content-left">
        <div class="left-title">
            后台管理系统
        </div>
        <!--分割线-->
        <div class="seg"></div>
        <!--菜单栏导航-->
        <div class="nav">
            <div class="nav-menu">
                <!--主标题-->
                <div class="nav-title">花卉管理</div>
                <!--子标题-->
                <div class="nav-content">
                    <a href="#" @click="menuHandle('./PAGES/1.html','花卉列表')">花卉列表</a>
                    <a href="#" @click="menuHandle('flower/add.html','新增花卉')">新增花卉</a>
                </div>
            </div>

        </div>
    </div>
    <!--右侧内容区-->
    <div class="content-right">
        <div class="right-top">
            <div class="loginout" >
                <!--此处显示当前所在页面-->
                <span style="position: fixed;top: 10px;left: 300px;"><el-tag>{{currentPage}}</el-tag></span>
                <!--退出登录的按钮-->
                <div class="btn" @click="loginout">退出</div>
            </div>
        </div>
        <!--此处为展示的内嵌子页面，你后面需要开发的就是这些页面-->
        <div class="right-bottom">
            <iframe id="cIframe"
                    class="c_iframe"
                    name="cIframe"
                    :src="iframeUrl"
                    width="100%"
                    height="100%"
                    v-show="!loading"
            ></iframe>
        </div>
    </div>
</div>
<!--这个是涉及到vue去绑定html中的一些组件，所以需要在html写完的后面进行引入js代码-->
<script type="text/javascript" src="../JS/myIndex.js"></script>
</body>
</html>